import { Spin } from 'antd';

function Loading() {
  return (
    <div
      style={{
        width: '100vw',
        height: '100vh',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
      }}
    >
      {/* 使用Spin的nest模式，将tip包裹在Spin内部 */}
      <div
        style={{
          padding: '30px',
          background: 'rgba(255, 255, 255, 0.05)',
          borderRadius: '4px',
        }}
      >
        <Spin size="large" />
        <div style={{ marginTop: '16px', textAlign: 'center' }}>加载中...</div>
      </div>
    </div>
  );
}

export default Loading;
